<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>DX界面组件化封装</title>
<!--     <link rel="STYLESHEET" type="text/css" href="static/plugins/dhtmlx/web/dhtmlx.css"> -->
    <link rel="STYLESHEET" type="text/css" href="static/plugins/dhtmlx/codebase/dhtmlx.css">
    <script src="static/plugins/dhtmlx/codebase/dhtmlx.js"></script>
    <style>
		html, body {
			width: 100%;
			height: 100%;
			margin: 100px;
			padding: 0px;
/* 			background-color: #ebebeb; */
			overflow: hidden;
		}
	</style>
	

</head>
<body>
</body>
<script>
		var myLayout  = new dhtmlXLayoutObject({
				parent: document.body,
				pattern: "4T",
// 				skin: "dhx_web",
				cells: [
					{id: "a", text: "Navigation", height: 150, header: true},
					{id: "b", text: "Advertisement"},
					{id: "c", text: "Main Page"},
					{id: "d", text: "Links", collapse: true}
				]
			});
			
			myLayout.attachStatusBar({text: "Status bar can be here"});
	</script>
</html>